<div class="add_test" (click)="onClose()">
  <div class="add_test_container clearfix" @fadeIn (click)="$event.stopPropagation()">
    <div class="close f_r" (click)="onClose()" nzTitle="关闭" nzPlacement="topCenter" nz-tooltip>×</div>
    <div class="head">
      <img src="../../../assets/img/image/cover.png" alt="" width="121" height="121" style="border-radius: 50%">
      <p class="mid_title">尤金·劳德塞：测试你的创造力</p>
      <p style="color: #333333;font-size: 18px"> Eugene laudersey:test you creativity</p>
    </div>
    <p class="title">{{training?'修改':'创建'}}测试</p>
    <div class="add_test_from">
      <div class="add_test_name">
        <p class="little_title">测试名称<span style="font-size: 12px;color: #999999;display: inline-block;margin-left: 3px">{{trainingName.length}}/10</span>
        </p>
        <input name="title" maxlength="20" [(ngModel)]="trainingName" placeholder="请输入测试名称"
               style="width: 414px;height: 36px; line-height: 36px;padding-left: 10px;font-size: 14px;color: #FFFFFF;background-color: rgb(153,153,153);margin-top: 2px;border: 1px solid #d9d9d9;border-radius: 4px;">
      </div>
      <div class="add_test_desc">
        <p class="little_title">测试描述<span style="font-size: 12px;color: #999999;display: inline-block;margin-left: 3px">{{trainingDesc.length}}/10</span>
        </p>
        <input name="desc" maxlength="20" placeholder="请输入描述" [(ngModel)]="trainingDesc"
               style="width: 414px;height: 36px; line-height: 36px;padding-left: 10px;font-size: 14px;color: #FFFFFF;background-color: rgb(153,153,153);margin-top: 2px;border: 1px solid #d9d9d9;border-radius: 4px;">
      </div>
      <!--<div class="add_code">-->
        <!--<p class="little_title">邀请码</p>-->
        <!--<input type="text" maxlength="5" placeholder='请输入5位数字邀请码' [(ngModel)]="inviteCode"-->
               <!--style="width: 414px;height: 36px; line-height: 36px;padding-left: 10px;font-size: 14px;color: #FFFFFF;background-color: rgb(153,153,153);margin-top: 2px;border: 1px solid #d9d9d9;border-radius: 4px;">-->
        <!--<div class="code_icon"><img src="/assets/img/image/suiji.png" alt="" width="16" height="14"-->
                                    <!--(click)="createInviteCode()"></div>-->
      <!--</div>-->
      <div class="select_roster">
        <p class="little_title">选择花名册（或匿名模式）</p>
        <nz-select nzMode="tags" style="width: 414px;height: 36px;margin-top: 3px" nzPlaceHolder="请选择花名册"
                   [(ngModel)]="listOfTagOptions" [nzAllowClear]="false" [nzMaxMultipleCount]="1" [nzDisabled]="isLimitClass">
          <nz-option *ngFor="let option of listOfOption;let i =index" [nzLabel]="option.ClassName" [nzValue]="i">
          </nz-option>
        </nz-select>
      </div>
      <div class="upload_btn" (click)="createTraining()">创建</div>
    </div>
  </div>
</div>

